<template>
	<view :style="{width:w+'rpx',height:(h||w)+'rpx',borderRadius:(r||8)+'rpx',boxShadow:shadow?'0 0 5rpx #ccc':'none'}"
		class="oh">
		<u-image :src="src" :width="w+'rpx'" :height="(h||w)+'rpx'" />
	</view>
</template>

<script>
	/**
	 * old
	 * 图标组件  节省了参数长度，加了阴影，防止白色图片和白色背景融为一体
	 * 
	 * 旧的uview的调用形式
	 * <u-image :src="src" width="250rpx" height="100rpx" border-radius='10rpx' />
	 * 新的
	 * <sb-img :src="src" w='250' h='100' r='10'/>
	 * <sb-img :src="src" w='250' />
	 * 
	 */

	export default {
		name: "sb-img",
		props: ['src', 'w', 'h', 'r', 'shadow']
	}
</script>
